<template>
    <div>
        <div v-if="flag">根据flag是否显示此内容</div>
        <div v-else>if不走就走v-else</div>
        <div v-if="type==='a'">a</div>
        <div v-else-if="type==='b'">b</div>
        <div v-else-if="type==='c'">c</div>
        <div v-else>abc都不是</div>
        <div v-show="flag">等价于if，不能配合else</div>
    </div>
   
</template>

<script>

export default {
    data(){
        return{
            name:'sssssss',
            flag:true,//true显示布局，false隐藏布局
            type:'b'
        }
    }
}
</script>
